<template>
  <div class="bg-nav found">
    <header-main :left-arrow="leftArrow" :fixed="fixed" :title="title" class="bg-nav"></header-main>
    <div class="padding-bottom-60 margin-top-46">
      <van-cell-group>
        <van-cell :border="border" :center="center" :clickable="clickable" size="large" to="/friendCircle" :is-link="isLink">
          <div class="find_line">
            <img src="./../../assets/img/friend.png"/>
            <span class="find_line_title">朋友圈</span>
          </div>
        </van-cell>
      </van-cell-group>
      <br/>
      <van-cell-group>
        <van-cell :border="border" :center="center" :clickable="clickable" size="large" :is-link="isLink">
          <div class="find_line">
            <img src="./../../assets/img/sao.png"/>
            <span class="find_line_title">扫一扫</span>
          </div>
        </van-cell>
        <van-cell :border="border" :center="center" :clickable="clickable" size="large" :is-link="isLink">
          <div class="find_line">
            <img src="./../../assets/img/yao.png"/>
            <span class="find_line_title">摇一摇</span>
          </div>
        </van-cell>
      </van-cell-group>
      <br/>
      <van-cell-group>
        <van-cell :border="border" :center="center" :clickable="clickable" size="large" :is-link="isLink">
          <div class="find_line">
            <img src="./../../assets/img/look.png"/>
            <span class="find_line_title">看一看</span>
          </div>
        </van-cell>
        <van-cell :border="border" :center="center" :clickable="clickable" size="large" :is-link="isLink">
          <div class="find_line">
            <img src="./../../assets/img/so.png"/>
            <span class="find_line_title">搜一搜</span>
          </div>
        </van-cell>
      </van-cell-group>
      <br/>
      <van-cell-group>
        <van-cell :border="border" :center="center" :clickable="clickable" size="large" :is-link="isLink">
          <div class="find_line">
            <img src="./../../assets/img/near.png"/>
            <span class="find_line_title">附近的人</span>
          </div>
        </van-cell>
      </van-cell-group>
    </div>

  </div>
</template>

<script>
  import headerMain from '../common/header-main.vue';
  import Vue from 'vue';
  import { Cell, CellGroup  } from 'vant';
  Vue.use(Cell).use(CellGroup);
  export default {
    name:'Found',
    components:{
      headerMain
    },
    data(){
      return{
        //顶部导航配置 start
        title:'发现',
        //是否显示返回箭头
        leftArrow:false,
        // 是否固定顶部
        fixed:true,
        //顶部导航配置 end
        //是否显示边框
        border:true,
        center:true,
        //是否开启点击反馈
        clickable:true,
        //开启箭头并开启点击反馈
        isLink:true,
      }
    },
    methods: {

    }
  }
</script>

<style scoped>
  .found{
    width: 100%;
    height: 93vh
  }
  .find_line{
    display: flex;
    align-items: center;
  }
  .find_line img{
    width: 20px;
    height: 20px;
  }
  .find_line_title{
    font-size: 16px;
    font-weight: inherit;
    margin-left: 16px;
  }
</style>
